$(function(){
  var laypage = layui.laypage;
  let pagenum = 1//当前页码
  let pagesize = 2 // 每页显示的条数
  function userList(param){
    // console.log(param);
    $.ajax({
      type:'get',
      url:'admin/users',
      data:param,
      success:function(res){
        console.log(res);
        let tags = template('table',res)
        $('#contents').html(tags)
        laypage.render({
          elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
          ,count: res.total //数据总数，从服务端得到
          ,curr: pagenum// 当前页码
          // 每页显示的条数
          ,limit: pagesize,
          // 每页显示条数列表
          limits: [1, 2, 4, 6, 8],
          // 分页条布局效果
          layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
          jump: function(obj, first){
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            pagenum = obj.curr
            pagesize = obj.limit
            //首次不执行
            if(!first){
              //do something
              userList({
                pagenum: pagenum,
                pagesize:pagesize 
              })
            }
          }
        });
      }
    })
  }
  userList({
    pagenum,
    pagesize
  })
  // =================== 删除 =================
  $('#contents').on('click','#del',function(){
    // console.log(1);
    let id = $(this).attr('data-id')
    // console.log(id);
    layer.confirm('确定删除吗?', {icon: 3, title:'提示'}, function(index){
      //do something
      // console.log($('#contents #del').length);
      if($('#contents #del').length === 1){ // 解决分页删除最后一个,不会跳到上一分页的bug
        if(pagenum === 1){
          pagenum = 1
          // console.log(pagenum);
        }else{
          console.log(pagenum);
          pagenum = pagenum - 1
        }
      }
      $.ajax({
        type:'delete',
        url:'admin/users/' + id,
        success:function(res){
          // console.log(res);
          layer.msg(res.message)
          userList({
            pagenum:pagenum,
            pagesize:pagesize
          })
        }
      })
      layer.close(index);
      
    });
  })

  // ============= 重置密码 ================
  
  $('#contents').on('click' ,"#resetPwd",function(e){
    let id = $(this).attr('data-id')
    let index = layer.open({
      type: 1, 
      title:'重置密码',
      content: $('#changePwd').html(), //这里content是一个普通的String
      area: ['500px',"260px"]
    });
    // 重置密码

    $('#chePwd').submit(function(e){
      e.preventDefault()
      $.ajax({
        type:'put',
        url:'admin/users/' + id,
        data:{
          password:$('#chePwd [name=password]').val()
        },
        success:function(res){
          console.log(res);   
          layer.close(index)
        }
      })

    })

  })



})

